@import '../../../var';

.users {
  .item {
    display: flex;
    align-items: center;
    padding: $xl;
    border-bottom: 1px solid $border-color;

    .rank {
      margin-right: $xl;
      color: $info-color;

      &.r1 {
        color: #fb605a;
      }
      &.r2 {
        color: #fb8b5a;
      }
      &.r3 {
        color: #fec000;
      }
    }

    .username {
      margin-left: $xl;
    }

    .count {
      display: flex;
      align-items: center;
      margin-left: auto;
    }

    .coin {
      width: 30rpx;
      height: 30rpx;
      margin-right: 20rpx;
    }
  }
}
